/* ===== News list card fix (override module CSS) ===== */

/* Make the whole post a card */
.list-news .post{
  border:1px solid #e9e6e6;
  border-radius:10px;
  overflow:hidden;
  padding:0;                 /* remove inner padding so image touches edges */
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* Image block fills the card width */
.list-news .post .image{
  float:none !important;     /* kill legacy float */
  width:100% !important;
  margin:0 !important;
  position:relative;
  overflow:hidden;
  background:#000;
  aspect-ratio:16/9;         /* keeps wide photo like your target */
}

/* Hard override the 165px rule */
.list-news .post .image img{
  display:block;
  width:100% !important;
  height:100% !important;    /* fill the box */
  object-fit:cover !important;
  opacity:1 !important;
  filter:none !important;
}

/* Remove hover blur/frame if you don’t want it */
.effect-news .image.not-media:hover img{ opacity:1 !important; filter:none !important; }
.effect-news .image.not-media figcaption,
.effect-news .image.not-media:hover figcaption:before,
.effect-news .image.not-media:hover figcaption:after,
.effect-news .image.not-media:hover figcaption div:before,
.effect-news .image.not-media:hover figcaption div:after{ display:none !important; }

/* Text area under the image */
.post .desc-wrap{
  margin:0 !important;
  padding:12px 16px 16px;
}

/* Title & meta tweaks */
.post .desc-wrap h3{ margin:8px 0 6px; font-size:18px; line-height:1.4; }
.post .desc-wrap .info-news{ margin-bottom:10px; }
.post .desc-wrap .info-news ul li:first-child{ margin-right:0 !important; }
.rtl .post .desc-wrap .info-news ul li:first-child{ margin-left:0 !important; }

/* ---------- Responsive ---------- */

/* On tablets/desktop you can switch to side-by-side if you prefer */
@media (min-width: 992px){
  .list-news .post{ display:flex; }
  .list-news .post .image{
    flex:0 0 360px;          /* image column width */
    max-width:360px;
    aspect-ratio:16/9;
  }
  .post .desc-wrap{ flex:1 1 auto; padding:16px; }
}

/* Phones already look good with the image on top */
@media (max-width: 479px){
  .post .desc-wrap .desc{ line-height:1.6; }
  .post .desc-wrap .info-news ul li{ display:block; margin:0 0 3px 0; }
}